<div class="btn-toolbar d-flex card-body" role="group" aria-label="">
  <div class="btn-group me-2">
    <button type="button" ng-click="$ctrl.back()" class="btn btn-light me-1">
      <i class="fa fa-chevron-left"></i>
    </button>
  </div>
  <div class="btn-group flex-fill me-3">
    <button
      id="btnToSubmit"
      type="submit"
      class="btn btn-primary ms-auto"
      ng-if="!$ctrl.primaryUrl"
      ng-click="$ctrl.submit($event)"
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        class="icon icon-tabler icon-tabler-device-floppy"
        width="24"
        height="24"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        fill="none"
        stroke-linecap="round"
        stroke-linejoin="round"
      >
        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
        <path
          d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
        />
        <circle cx="12" cy="14" r="2" />
        <polyline points="14 4 14 8 8 8 8 4" />
      </svg>
      <span>Save</span>
    </button>
  </div>
  <div class="btn-group me-2">
    <div class="dropdown float-lg-end ms-auto pe-1">
      <a
        href="javascript:;"
        class="cursor-pointer"
        id="dropdownTable2"
        data-bs-toggle="dropdown"
        aria-expanded="false"
      >
        <i class="fa fa-ellipsis-h text-secondary" aria-hidden="true"></i>
      </a>
      <ul
        class="dropdown-menu px-2 py-3 ms-sm-n4 ms-n5"
        aria-labelledby="dropdownTable2"
        style=""
      >
        <li>
          <a
            ng-if="$ctrl.previewUrl"
            target="_blank"
            href="{{$ctrl.previewUrl}}"
            class="dropdown-item border-radius-md"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler icon-tabler-eye-check"
              width="20"
              height="20"
              viewBox="0 0 24 24"
              stroke-width="1.5"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
              <circle cx="12" cy="12" r="2" />
              <path
                d="M12 19c-4 0 -7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7c-.42 .736 -.858 1.414 -1.311 2.033"
              />
              <path d="M15 19l2 2l4 -4" />
            </svg>
            <span>Preview</span>
          </a>
        </li>
        <li>
          <a
            ng-if="$ctrl.contentUrl"
            href="{{$ctrl.contentUrl}}"
            class="dropdown-item border-radius-md"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler icon-tabler-notes"
              width="20"
              height="20"
              viewBox="0 0 24 24"
              stroke-width="1.5"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
              <rect x="5" y="3" width="14" height="18" rx="2" />
              <line x1="9" y1="7" x2="15" y2="7" />
              <line x1="9" y1="11" x2="15" y2="11" />
              <line x1="9" y1="15" x2="13" y2="15" />
            </svg>
            <span>Data List</span>
          </a>
        </li>
        <li>
          <button
            type="button"
            ng-click="$ctrl.clearCache()"
            ng-if="$ctrl.onClearCache"
            class="dropdown-item border-radius-md"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler icon-tabler-refresh"
              width="20"
              height="20"
              viewBox="0 0 24 24"
              stroke-width="1.5"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
              <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" />
              <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" />
            </svg>
            <span>Clear Cache</span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
